<template>
  <div class="v-tab">
    <router-link to="/shop/goods">商品</router-link>
    <router-link to="/shop/ratings">评价</router-link>
    <router-link to="/shop/seller">商家</router-link>
  </div>
</template>
<script>
export default {
  name: "",
  data() {
    return {};
  },
  methods: {}
};
</script>
<style lang='less' scoped>
.v-tab {
  display: flex;
  height: 0.8rem;
  border-bottom: 1px solid #f5f5f5;
  & > a {
    width: 33.33%;
    font-size: 0.28rem;
    color: #333;
    justify-content: center;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    &.active {
      color: red;
    }
  }
}
</style>